<template>
  <!-- #ifdef H5 -->
  <el-date-picker v-model="bindValue" v-bind="$attrs" />
  <!-- #endif -->
  <!-- #ifndef H5 -->
  <input v-bind="$attrs" />
  <!-- #endif -->
</template>
<script>
export default {
  inheritAttrs: false,
};
</script>
<script setup>
// #ifdef H5
import { ElDatePicker } from "element-plus";
import "element-plus/theme-chalk/el-date-picker.css";
// #endif

import {
  getCurrentInstance,
  computed,
  toRefs,
  reactive,
  ref,
  watch,
  onMounted,
  markRaw,
} from "vue";

const props = defineProps({
  modelValue: {
    type: [String, Number],
  },
});

const emits = defineEmits(["update:modelValue"]);

const bindValue = computed({
  get() {
    return props.modelValue;
  },
  set(value) {
    emits("update:modelValue", value);
  },
});

const { proxy: vm } = getCurrentInstance();

</script>
<style lang="scss" scoped></style>
